<template>
  <Main class="page-wrapper">
    <van-nav-bar
      title="Catalogue"
      class="variables-header-wrapper"
      left-arrow
      fixed
      placeholder
      @click-left="onClickLeft"
    />
    <BookName text="Brief Introduction" />
    <div class="brief-wrapper primary-color">
      <p class="brief-content" v-text="desc"></p>
    </div>
  </Main>
</template>

<script>
import Main from '@/views/layouts/index.vue'
import BookName from '@/components/book-name.vue'
import { getItem } from '@/utils/storage'

export default {
  components: {
    Main,
    BookName
  },

  created() {
    console.log(this.$route.params.desc)
  },

  data() {
    return {
      desc: getItem('BRIEF_DESC') || ''
    }
  },

  methods: {
    onClickLeft() {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss" scoped>
@import "assets/css/mixin.scss";

.page-wrapper {
  background-color: #fff;
}

.brief-wrapper {
  padding: 10px 10px;

  .brief-content {
    // color: #373737;
    line-height: 2;
  }
}

</style>
